import React, { Component } from 'react';
import {gridBox,gridCon,gridTil} from './home_grid.module.css';
import router from "../homeRouter/router";
import { Link } from "react-router-dom"


class Home_grid extends Component {
    render() {
        return (
            <div className={gridBox}>
                 <ul className={gridCon}>
                     {
                         router.map((item,i)=><li key={i}>
                             <Link to={item.path}>
                                 <div>
                                     <img src={item.imgUrl}/>
                                 </div>
                                 <div className={gridTil}>
                                     {item.til}
                                 </div>
                             </Link>
                         </li>)
                     }
                 </ul>
            </div>
        );
    }
}

export default Home_grid;